<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日历插件</title>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/calendar.css" rel="stylesheet" type="text/css"/>
    <style>

    </style>

</head>
<body>
<div class="calendar">
    <div class="current-time">

    </div>
    <div class="pre-next clearfix">
        <div class="pre-month"><</div>
        <div class="current-text"></div>
        <div class="next-month">></div>
    </div>
    <table class="day">
        <tr class="date">
            <td>日</td>
            <td>一</td>
            <td>二</td>
            <td>三</td>
            <td>四</td>
            <td>五</td>
            <td>六</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
        </tr>
        <tr>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
        </tr>
        <tr>
            <td>29</td>
            <td>30</td>
            <td>31</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <div class="task_list">
        <div class="add" id="add"><img src="img/add2.png"/>添加日程</div>
    </div>
</div>
<div class="task_details calendar">
    <input type="text" placeholder="标题" id="title"/>
    <input type="text" placeholder="叙述" id="direction"/>
    <input type="time" value="10:00" id="start"/>
    <input type="time" value="22:00" id="end"/>
    <input type="button" value="添加" id="permit"/>
    <input type="button" value="取消" id="cancel"/>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/createCalendar.js"></script>
<script src="js/calendar.js"></script>
</body>

</html>